/* input */


.input.client-input {
  border: 1px solid #221611;
  border-radius: 20px;
  box-shadow: none;
  font-size: 14px;
  padding: 0 20px;
}
.input {
  font-size: 14px;
  padding: 0 20px;
}

.input.client-input.has-btn {
  padding-right: 50% !important;
}

.has-icon {
  position: relative;
}

.has-icon .input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  padding: 0 20px 0 40px;
}

.has-icon .input.input-block {
  border-left: 0px;
  border-right: 0px;
}

.has-icon .input.client-input.input-block {
  border-radius: 20px;
  border: 1px solid #221611;
}
.has-icon .open_eye{
	display: inline-block;
    width: 60px;
    height: 40px;
    background: url(../images/iconfont-eye.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
}
.has-icon .close_eye{
	display: none;
    width: 60px;
    height: 40px;
    background: url(../images/iconfont-eyeclose.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
}
.has-icon:before {
  position: absolute;
  width: 22px;
  height: 22px;
  content: '';
  left: 10px;
  top: 10px;
  background: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 11;
}

.has-icon.icon-wechat-boyle:before {
  background: url('../images/icon-wechat.png') no-repeat;
  background-size: contain;
}

.has-icon.icon-weibo-boyle:before {
  background: url('../images/icon-sina.png') no-repeat;
  background-size: contain;
}
.has-icon.icon-weibo-link:before {
  background: url('../images/iconfont-link.png') no-repeat;
  background-size: contain;
}

.has-icon.icon-phone:before {
  background: url('../images/iconfont-phone.png') no-repeat;
  background-size: contain;
}

.has-icon.icon-password:before {
  background: url("../images/iconfont-password.png") no-repeat;
  background-size: contain;
}

.btn.client-btn {
  border: 0px;
  background: #59C1E2;
  color: #ffffff;
  border-radius: 20px;
}

.btn.client-btn.no-radius {
  border-radius: 0px;
}

/* color */
.blue {
  color: #59C1E2;
}

.blue-light {
  color: #31A0BF;
}

.blue-darker {
  color: #03A7CA;
}

.gray {
  color: #CCD1D5;
}

.gray-light {
  color: #BCC1C5;
}

.gray-darker {
  color: #9FA3A7;
}

.red {
  color: #DF6161;
}

/* bg */

.bg-gray {
  background-color: #f8f8f8;
}

/* font */
.font-bold {
  font-weight: bold;
}


